<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>看板娘</title>
  </head>

  <body>
    动画角色

<!-- live2D -->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>




<div class="waifu" id="waifu">
<div class="waifu-tips" style="opacity: 1;"></div>
<canvas id="live2d" width="280" height="250" class="live2d"></canvas>
<div class="waifu-tool">
  <span class="fui-home"></span>
  <span class="fui-chat"></span>
  <span class="fui-eye"></span>
  <span class="fui-user"></span>
  <span class="fui-photo"></span>
  <span class="fui-info-circle"></span>
  <span class="fui-cross"></span>
</div>
</div>


<link rel="stylesheet" type="text/css" href="./waifu1.css"/>
<link rel="stylesheet" type="text/css" href="./flat-ui.min.css"/>

<script src="./live2d.min.js"></script>
<script src="./waifu-tips.js"></script>


<!-- s.muted = true  s.volume=0  -->

  </body>
</html>


<!-- 如果想要改变看板娘的位置，第16行改为下面，
<div class="waifu" id="waifu" style="left: 100px !important;">
  其中100px根据自己情况调节， 调试小技巧：
  在调整时觉得麻烦可以先按F12打开控制台，选中看板娘后找到<div class="waifu" id="waifu">这一行代码
直接进行修改「刷新网页后就会失效]，改到合适的数值后再对代码进行修改。 -->


<!-- waifu-tips.js文件，340行改点击显示的话
337行鼠标触碰的话 -->